.invoice-ocr-check {
  .ocr-upload-button {
    padding: 5px 12px;
  }
}

.invoice-ocr-checking {
  .ant-modal-body {
    text-align: center;
    .checking-img {
      margin: 25px 0;
      height: 100px;
      width: 100px;
      -webkit-animation: rotateZ 1s linear infinite;
      -o-animation: rotateZ 1s linear infinite;
      animation: rotateZ 1s linear infinite;
    }
    @keyframes rotateZ {
      100% {
        -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
      }
    }
    .checking-img-content {
      position: absolute;
      width: 40px;
      height: 40px;
      left: 50%;
      top: 80px;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
    }
    .checking-divide {
      height: 1px;
      width: 80%;
      background: #D7DCE6;
      margin-left: 10%;
      margin-bottom: 15px;
    }
    .checking-title {
      font-size: 21px;
      color: #505564;
      text-align: center;
      width: 100%;
      height: 40px;
      line-height: 40px;
    }
  }
}

.invoice-ocr-checked-list {
  .little-tip {
    font-size: 12px;
    color: #999;
  }
  .invoice-container {
    overflow: auto;
    max-height: calc(100vh - 190px);
    .invoice-block {
      width: 200px;
      height: 140px;
      position: relative;
      margin-bottom: 10px;
      float: left;
      border: 1px solid transparent;
      &.invoice-block-left {
        margin-left: 10px;
      }
      &.invoice-selected {
        border-color: #3b7ced;
        .invoice-amount {
          background: #3b7ced;
        }
      }
      .invoice-image {
        width: 198px;
        height: 138px;
      }
      .invoice-amount {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 30px;
        line-height: 30px;
        padding-right: 10px;
        text-align: right;
        color: #fff;
        background: rgba(0, 0, 0, .6);
      }
    }
  }
}
